<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 原有声明部分保持原样 --%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>用户使用哈移动</title>
<link rel="stylesheet" href="${pageContext.request.contextPath }/static/bootstrap/css/bootstrap.css">
<style>
    /* 自定义样式 */
    body {
        background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
        min-height: 100vh;
        padding-top: 50px;
    }
    .main-card {
        background: rgba(255, 255, 255, 0.95);
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        padding: 2rem;
        margin: 0 auto;
        max-width: 600px;
    }
    .title-bar {
        border-left: 5px solid #1890ff;
        padding-left: 1rem;
        margin-bottom: 2rem;
    }
    .result-box {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 1.5rem;
        margin: 1.5rem 0;
    }
    .btn-custom {
        background: #1890ff;
        color: white;
        border-radius: 25px;
        padding: 8px 30px;
        transition: all 0.3s;
    }
    .btn-custom:hover {
        background: #1480e6;
        transform: translateY(-2px);
    }
</style>
</head>
<body>
<div class="container">
    <div class="main-card">
        <!-- 标题区域 -->
        <div class="title-bar">
            <h1 class="text-primary"><strong>哈移动服务终端</strong></h1>
            <p class="text-muted">China Mobile Service Platform</p>
        </div>

        <!-- 结果展示区 -->
        <div class="result-box">
            <c:if test="${not empty msg}">
                <div class="alert alert-success" role="alert">
                    ${msg}
                </div>
            </c:if>
            <c:if test="${not empty cjxx}">
                <div class="alert alert-info">
                    <h4>服务详情</h4>
                    <div class="lead">
                    <p>${cjxx1}</p>
                    <p>${cjxx2}</p>
                    <p>${cjxx3}</p>
                    </div>
                </div>
            </c:if>
        </div>

        <!-- 操作按钮 -->
        <div class="text-center">
            <a href="${pageContext.request.contextPath}/user/index" 
               class="btn btn-custom btn-lg">
               ← 返回服务大厅
            </a>
            <a href="${pageContext.request.contextPath}/user/huafeicz"
            	class="btn btn-custom btn-lg">
            	->前往充值页面
            </a>
        </div>
    </div>
</div>
</body>
</html>
